import { useState } from 'react'
import reactLogo from './assets/react.svg'
import Layout from './layout/index.tsx'
import { GlobalContext } from './store/index.ts'
import viteLogo from '/vite.svg'

export default () => {
  const [isShowMenu, setIsShowMenu] = useState(false);
  return <GlobalContext.Provider value={{
    isShowMenu,
    setIsShowMenu,
  }}>
    <Layout>
      <div className='p-t-12'>
        <h2 className='flex justify-center font-size-25 c-#34579a'>UnoCSS</h2>
        <div className='flex justify-center m-t-10'>
          <img className='w-25 m-r-10' src={reactLogo} />
          <img className='w-25' src={viteLogo} />
        </div>
      </div>
    </Layout>
  </GlobalContext.Provider>
}